<%@ taglib uri="/WEB-INF/struts-nested.tld" prefix="nested"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>


<script type="text/javascript"
	src="<%= request.getContextPath() + "/js/popUP.js" %>"></script>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />


<script type="text/javascript">
$(document).ready(function() {
	// evento onclick del boton limpiarBtn.
	$("#limpiarBtn").click(function(){
		alert('hola');
		$("#administrador").val("");
		$("#fechaIni").val("");
		$("#desde").val("");
		$("#fechaFin").val("");
		$("#hasta").val("");
	});
	
	// evento onclick del boton generarBtn
	$("#generarBtn").click(function(){
	  	if($("#administrador").val() == ""){
	    	alert("Por favor ingrese un usuario");
		}else{
			$("#mainForm").attr('target', '_blank');
			if( ($("#desde").val() == '' && $("#hasta").val() == '')){
				$("#mainForm").submit();
			}else{
				var fIniValida = isDate($("#desde").val());
				var fFinValida = isDate($("#hasta").val());
				if(!fIniValida){
					alert('Fecha inicial no valida.');
					return false;
				}else if(!fFinValida){
					alert('Fecha final no valida.');
					return false;
				}else{
					if( $.datepicker.parseDate("dd/mm/yy", $("#desde").val()) > $.datepicker.parseDate("dd/mm/yy", $("#hasta").val())){
						alert('Fecha inicial no puede ser mayor que la fecha final.');
						return false;
					}
				}
	    		$("#mainForm").submit();
			}
		}
	});
	
	// evento onchange del select secretarias
	$("#secretarias").change(function(){
		$("#mainForm").attr('target', '_self');
		var action = '<%=request.getContextPath()%>'+'/Reportes/ControlAcceso/CASelectCriteriaMain.do';
		$("#mainForm").attr('action', action);
		$("#mainform").submit();
	});
	
	// evento onchange del select programas
	$("#programas").change(function(){		
		$("#mainForm").attr('target', '_self');
		var action = '<%=request.getContextPath()%>'+'/Reportes/ControlAcceso/CASelectCriteriaMain.do';
		$("#mainForm").attr('action', action);
		$("#mainForm").submit();
	});
	
	// evento onchange (onblur estaba fallando a veces..) de los calendarios.
	$("#fechaIni, #fechaFin").change(function(){
		$('#desde').val($('#fechaIni').val());
		$('#hasta').val($('#fechaFin').val());
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#fechaIni").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#fechaFin").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="<%= request.getContextPath() + "/css/bloques.css" %>"
	rel="stylesheet" type="text/css">
</head>
<body>
	<form name="frmauditoria" id="mainForm"
		action="<%=request.getContextPath()+"/Reportes/ControlAcceso/CAGenerateReport.do"%>"
		method="GET">
		<input type="hidden" name="admincodigo" /> 
		<input type="hidden" name="option" value="2" />
		<% String desde = (request.getParameter("desde") == null) ? "" : request.getParameter("desde"); %>
		<input type="hidden" name="desde" id="desde" value="<%= desde %>" />
		<% String hasta = (request.getParameter("hasta") == null) ? "" : request.getParameter("hasta"); %>
		<input type="hidden" name="hasta" id="hasta" value="<%= hasta %>" />
		
		<table style="width: 99%; border: 0; padding: 0; border-spacing: 0;">

			<tr>
				<td height="25" colspan="12" align="center" class="titulosenblanco">
					<P>
						<strong>REPORTE CONTROL DE ACCESOS</strong>
					</P>
					<P>
						<strong>CRITERIOS DE BUSQUEDA DE REGISTROS</strong>
					</P>
				</td>
			</tr>

			<tr align="left">
				<td height="25" colspan="12" class="titulosenblanco">
					<table
						style="width: 99%; border: 0; padding: 0; border-spacing: 0;">
					</table>
				</td>
			</tr>

			<tr align="left">
				<td width="100%" align="center">
					<table style="width: 90%;border: 0;padding: 3px;border-spacing: 3px;">
						<tr>
							<td width="10%" align="left" class="celdatabla">
								<STRONG>Secretaria</STRONG>
							</td>
							<td width="46%">
								<%String strCode = (String)session.getAttribute("codeSec");
              if (strCode == null)
                strCode = "";
            %> 
            					<logic:iterate id="secretarias" name="cSecretaria"
									length="1" type="com.cs.beneficios.business.model.AreaVO">
									<html:select name="secretarias" styleId="secretarias" property="codearea"
										value="<%=strCode%>" styleClass="form">
										<html:option value="">Seleccione una Secretaria</html:option>
										<html:options name="CodeSecretaria" labelName="Area"
											labelProperty="nombre" property="codearea"
											collection="cSecretaria" />
									</html:select>
								</logic:iterate>
							</td>

						</tr>
						<tr>
							<td width="10%" align="left" class="celdatabla"><STRONG>Usuarios(*)</STRONG>
							</td>
							<td width="46%">
								<strong> <%
                String strNameUser = (String)request.getAttribute("nameUser");
                if(strNameUser == null)
                  strNameUser = "";
                %> 
                				<input type="text" Class="form" value="<%=strNameUser%>" maxlength="50" size="30"
									name="administrador" id="administrador" readonly="readonly" /> 
								<a href='javascript:vpopUsers("<%=request.getContextPath()+"/jsp/reportes/auditoria/CASelectUserMain.jsp"%>");'>
										<img border="0" src="<%= request.getContextPath() + "/images/addressbook.gif" %>"
											alt="Seleccionar un usuario administrador" width="16" height="16" />
								</a>

								</strong>
							</td>

						</tr>
						<tr>
							<td width="10%" align="left" class="celdatabla">
								<STRONG>Programa</STRONG>
							</td>
							<td width="46%">
								<%String strCodeProg = (String)request.getAttribute("codeProg");
              if (strCodeProg == null)
                strCodeProg = "";
            %> 
            					<logic:iterate id="programas" name="cProgramas"
									length="1" type="com.cs.beneficios.business.model.ProgramaVO">
									<html:select name="programas" styleId="programas" property="codePrograma"
										value="<%=strCodeProg%>" styleClass="form">
										<html:option value="">Seleccione un Programa</html:option>
										<html:options name="CodePrograma" labelName="Programa"
											labelProperty="nombre" property="codePrograma"
											collection="cProgramas" />
									</html:select>
								</logic:iterate>
							</td>

						</tr>
						<tr>
							<td width="10%" align="left" class="celdatabla">
								<STRONG>Beneficio</STRONG>
							</td>
							<td width="46%">
								<%String strCodeSubProg = (String)session.getAttribute("codeSubPrograma");%>
								<logic:iterate id="subprogramas" name="cSubProgramas" length="1"
									type="com.cs.beneficios.business.model.SubProgramaVO">
									<html:select name="subprogramas" property="code"
										value="<%=strCode%>" styleClass="form">
										<html:option value="">Seleccione un SubPrograma</html:option>
										<html:options name="CodeSubPrograma" labelName="SubPrograma"
											labelProperty="nombre" property="code"
											collection="cSubProgramas" />
									</html:select>
								</logic:iterate>
							</td>

						</tr>
						<tr>
							<td width="10%" align="left" class="celdatabla">
								<STRONG>Fecha Inicial</STRONG>
							</td>
							<td width="46%">
								<input id="fechaIni" class="form" value="<%= desde %>"/>
							</td>
						</tr>
						<tr>
							<td width="10%" align="left" class="celdatabla">
								<STRONG>Fecha Final</STRONG>
							</td>
							<td width="46%">
								<input id="fechaFin" class="form" value="<%= hasta %>" />
							</td>
						</tr>
						<tr>
							<td colspan="2" align="left" class="celdatabla">
								(*) Campo Obligatorio <br>
							</td>
						</tr>
					</table>
					<table style="width: 100%;border: 0;">
						<tr>
							<td align="right" class="celdatabla">
								<input type="BUTTON" value="Generar" id="generarBtn" />
							</td>
							<td align="left" class="celdatabla">
								<input type="BUTTON" id="limpiarBtn" value="Limpiar" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>
